.login {
	flex: 3;
	height: 100%;
	display: flex;
	padding: 100rpx 80rpx;
	letter-spacing: 0.5rpx;
	flex-direction: column;

	&-head {
		flex: 1;
		padding-top: var(--status-bar-height);

		&-h1 {
			color: rgba(255, 255, 255, 0.9);
			font-size: 44rpx;
			line-height: 80rpx;
			font-weight: bold;
			letter-spacing: 2rpx;
		}

		&-h2 {
			color: rgba(255, 255, 255, 0.8);
			font-size: 30rpx;
			line-height: 60rpx;
		}
	}

	&-body {
		flex: 4;
		display: flex;
		padding-top: 80rpx;
		flex-direction: column;
		justify-content: center;

		&-name {
			color: wheat;
			font-size: 36rpx;
			line-height: 3em;
			font-weight: bold;
		}

		&-item {
			padding: 0 50rpx;
			padding: 30rpx 50rpx;
			margin-top: 30rpx;
			border-radius: 100rpx;
			background-color: rgba(0, 0, 0, 0.2);
			display: flex;
			align-items: center;
		}

		&-label {
			color: wheat;
			display: flex;
			white-space: nowrap;
			align-items: center;
		}
	}

	&-foot {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;

		&-agent {
			color: var(--tn-color-primary);
			font-size: 26rpx;
		}
	}
}
